<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Administrator Menu</title>
    <link rel="stylesheet" href="./css/airline.css">
    <link rel="stylesheet" href="./css/font-awesome-4.7.0/css/font-awesome.min.css">
    <script src="./js/jquery-3.4.1.min.js"></script>
    <script src="./js/sunshine.js"></script>
    <script src="./js/userlist.js"></script>
</head>
<body>
    <div class="top">
        <div class="logo">
            <img class="logoimg" src="./image/logo/logo1.png" alt="">
        </div>   
        <div class="status">
            Administrator Menu
        </div>
    </div>
    <div class="menulist">
        <div class="list_sf">Flight Schedule Management</div>
        <div class="list_sf">User Management</div>
        <div class="list_out">Logout</div>
    </div>
    <div class="UMmid">
        <div class="UMMenu">
            <div class="UMrole">    
                    <p >Role:</p>
                    <select class="RoleId" style="width:80px; ">
                        <option  value="0">All</option>
                        <option  value="1">User</option>
                        <option  value="2">Administrator</option>
                    </select>    
            </div>
            <div class="UMrole">    
                <p>Name：</p>
                <input class="userName" style="width:100px; " type="text"> 
            </div>

           <div class="UMsearch">
               <input style="width:80px; " type="button" name="" id="show" value="Search" />
           </div>

           <div class="UMsearch">
            <input type="button" name="" id="goAddUser" value="Add a new user" />
            </div>
        </div>

        <div class="UMtab">
            <table >
            	<thead>
	                <tr class="thead">
	                    <th>Email</th>
	                    <th>Name</th>
	                    <th>Gender</th>
	                    <th>Date Of Birth</th>
	                    <th>Phone</th>
	                    <th>Role</th>
	                    <th>Operater</th>
	                </tr>
                </thead>
                <tbody>

                    <!-- <tr class="tdcolor">
                        <td>behappy@vip.sina.com</td>
                        <td>Mag Lydia</td>
                        <td>Male</td>
                        <td>1988-06-06</td>
                        <td>13087666556</td>
                        <td>Office User</td>
                    </tr>
                    <tr class="tdcolor1">
                        <td> </td>
                        <td> </td>
                        <td> </td>
                        <td> </td>
                        <td> </td>
                        <td> </td>
                    </tr>
                    <tr class="tdcolor">
                        <td> </td>
                        <td> </td>
                        <td> </td>
                        <td> </td>
                        <td> </td>
                        <td> </td>
                    </tr>
                    <tr class="tdcolor1">
                        <td> </td>
                        <td> </td>
                        <td> </td>
                        <td> </td>
                        <td> </td>
                        <td> </td>
                    </tr>
                    <tr class="tdcolor">
                        <td> </td>
                        <td> </td>
                        <td> </td>
                        <td> </td>
                        <td> </td>
                        <td> </td>
                    </tr>
                    <tr class="tdcolor1">
                        <td> </td>
                        <td> </td>
                        <td> </td>
                        <td> </td>
                        <td> </td>
                        <td> </td>
                    </tr>
                    <tr class="tdcolor">
                        <td> </td>
                        <td> </td>
                        <td> </td>
                        <td> </td>
                        <td> </td>
                        <td> </td>
                    </tr>
                    <tr class="tdcolor1">
                        <td> </td>
                        <td> </td>
                        <td> </td>
                        <td> </td>
                        <td> </td>
                        <td> </td>
                    </tr>
                    
                    <tr class="tdcolor1">
                        <td> </td>
                        <td> </td>
                        <td> </td>
                        <td> </td>
                        <td> </td>
                        <td> </td>
                    </tr> -->
               </tbody>
            </table>
            <div class="subedit">
                <input style="width: 80px;  font-size: 16px;" type="button"name="" id="show" value="Edit" />
            </div>
            <div class="UMunder">
                <div class="prev step-backward">
                    <i class="fa fa-step-backward" aria-hidden="true"></i>
                </div>
                <div class="prev chevron-left">
                    <i class="fa fa-chevron-left" aria-hidden="true"></i>
                </div>
                <div class="NUM">
                    <select class="pages" style="width:80px; ">
                        <option  value="volvo">1</option>
                    </select>    
                </div>
                <div class="prev chevron-right">
                    <i class="fa fa-chevron-right" aria-hidden="true"></i>
                </div>
                <div class="prev step-forward">
                    <i class="fa fa-step-forward" aria-hidden="true"></i>
                </div>
            </div>
            <div class="underpage">
                <span>
                    Total Pages：
                </span>
                <span class="pages">
                    10
                </span>
                <span>
                    Total Records:
                </span>
                <span class="totals">
                    200
                </span>
            </div>
        </div>
    </div>
</body>
</html>